import {Layout, Menu, Avatar} from 'antd'
import logo1 from '../../assets/logo1.svg'
import logo2 from '../../assets/logo2.svg'

import style from './style.less'

const {Header} = Layout;

const AppHeader = function AppHeader(){
    return(
        <Header className={style.appHeader}>
            <div className={style.logo}>
                <img src={logo1} alt="" />
                <img src={logo2} alt="" />
            </div>
        
            <Menu
            className={style.headerMenu}
            theme="dark"
            mode="horizontal"
            defaultSelectedKeys={['1']}
            style={{ lineHeight: '64px' }}
            >
            <Menu.Item key="1">
                <Avatar style={{ backgroundColor: '#87d068' }} className={style.icon} icon="user" />
                <span>管理员001</span>
            </Menu.Item>
            <Menu.Item key="2">退出</Menu.Item>
            </Menu>
        </Header>
    )
}

export default AppHeader